
const $ = ele => document.querySelector(ele)

// data = ''  默认值 ，默认不带参数
// const ajax = (path , data = '' , cb) => {
//     const xhr = new XMLHttpRequest() ;
//     xhr.open('get' , path + '?' + data , true) ;
//     xhr.send() ;
//     xhr.onreadystatechange = function () {  
//         if(xhr.readyState === 4 && xhr.status === 200) {
//             const data = xhr.responseText ;
//             cb(data) ;
//         }
//     }
// }



const ajax = (path , data = {} , cb) => {

    // 把数据对象变成字符串  a=11&b=22
    let params = '' ;
    for(let key in data) {
        params += `${key}=${data[key]}&` ;
    }
    params = params.substring(0 , params.length - 1) ;
    console.log(params);

    const xhr = new XMLHttpRequest() ;
    xhr.open('get' , path + '?' + params , true) ;
    xhr.send() ;
    xhr.onreadystatechange = function () {  
        if(xhr.readyState === 4 && xhr.status === 200) {
            const data = xhr.responseText ;
            cb(data) ;
        }
    }
}